<template>
  <div class="absolute top-48 left-0 z-50">
    <n-button @click="openPostPreview=!openPostPreview" round
              class="transition-all transition-500 -translate-x-1/2"
              style="padding-right: 10px; padding-left: 35px"
              secondary>
      <TextIcon v-if="!openPostPreview" icon="fluent-mdl2:drill-show" tip="展开预览"></TextIcon>
      <TextIcon v-if="openPostPreview" icon="material-symbols:contract-delete-outline" tip="关闭预览"></TextIcon>
    </n-button>
  </div>
</template>

<script setup lang="ts">

import TextIcon from "@/components/pc/icon/TextIcon.vue";
import {useAppStore} from "@/store";
import {storeToRefs} from "pinia";

const {openPostPreview} = storeToRefs(useAppStore())


</script>

<style scoped>


</style>